<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="system/head :: common_head(~{::title},~{::link})">
    <title>login</title>
    <link rel="stylesheet" th:href="@{/system/js/login/login.css}" media="all" />
</head>
<body class="loginBody">
    <div class="one-div"></div>
    <div class="logo-top"><img th:src="@{/system/images/logo.png}" class="logo"></div>
    <div class="lou-top"><img th:src="@{/system/images/lou.png}" class="lou"></div>
    <div class="form-top-div">
        <form class="layui-form costom-form">
            <div style="padding: 0px 10px">
                <a href="/security/mobile" style="float: right;margin-bottom: 5px;color: #FFFFFF">使用手机短信登录</a>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号：</label>
                <div class="layui-input-block">
                    <input type="text" name="username" maxlength="8" lay-verify="required" lay-reqText="请输入账号" placeholder="请输入账号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码：</label>
                <div class="layui-input-block">
                    <input type="password" name="password" maxlength="12" lay-verify="required" lay-reqText="请输入密码" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">验证码：</label>
                <div class="layui-input-inline">
                    <input type="text" name="captcha" required lay-verify="required" lay-reqText="请输入验证码" placeholder="请输入验证码" autocomplete="off" class="layui-input">
                </div>
                <div class="captcha" ><img id="img-code" src="/security/login/captcha" style="width: 100%;height: 100%"></div>
            </div>
            <div class="layui-form-item">
                <!--<label class="layui-form-label">记住我：</label>-->
                <div class="layui-input-block">
                    <input type="checkbox" name="remember-me" title="记住我" lay-skin="primary">
                </div>
            </div>
            <!--<div>
                <span th:text="${session.SPRING_SECURITY_LAST_EXCEPION?.message}" style="color: red"></span>
            </div>-->
            <div class="layui-form-item costom-item">
                <div class="layui-input-block btn-block">
                    <button class="layui-btn layui-btn-sm btncolor" lay-submit lay-filter="login">登录</button>
                    <button type="reset" class="layui-btn  layui-btn-sm layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
    <div th:replace="system/head :: common_js(~{::script})">
        <script th:inline="javascript">let type = [[${type}]]</script>
        <script type="text/javascript" th:src="@{/system/js/login/login2.js}"></script>
    </div>
</body>
</html>